{{#>base title=data.page.echarts_mashup}}

        {{#*inline "pageContent"}}

            <div class="row">
                <div class="col-md-12">
                    <h3 class="page-title">
                        {{data.page.echarts_mashup}}
                    </h3>
                    <div class="tabs-wrap">
                        <ul  class="nav nav-tabs">

                            <li  class="active">
                                <a href="echarts-mashup-linebar.html" >折柱混搭</a>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>

            <!-- BEGIN PAGE CONTENT-->
            <div class="row">
                <div class="col-md-12">

                    <div class="portlet box default">

                        <div class="portlet-body">
                            <div  class="chart-default " >
                                <div class="chart-body" id="my_chart"></div>
                            </div>

                        </div>

                    </div>

                </div>

            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="markdown">
                        <h3>Javascript</h3>
        <pre><code class="javascript">require('../../plugins/echarts/module');
        var chart = chart = $p.echarts("my_chart", {
            type:"bar",
            title: {
                text: '来源分析'
            }
        });

        chart.load({
            columns: ['2014-07-05', '2014-07-06', '2014-07-07', '2014-07-08', '2014-07-09', '2014-07-10', '2014-07-11', '2014-07-12', '2014-07-13', '2014-07-15', '2014-07-15', '2014-07-16', '2014-07-17', '2014-07-18', '2014-07-19', '2014-07-20', '2014-07-21', '2014-07-22', '2014-07-23', '2014-07-24'],
            rows: [
            {
                name: "搜索引擎",
                data: [120, 132, 101, 134, 90, 230, 210, 120, 132, 101, 134, 90, 230, 210, 150, 232, 201, 154, 190, 330]
            },
            {
                name: "外部链接",
                data: [220, 182, 191, 234, 290, 330, 310, 320, 332, 301, 334, 390, 330, 320, 132, 101, 134, 90, 230, 210],
            },
            {
                name: "直接访问",
                data: [150, 232, 201, 154, 190, 330, 410, 220, 182, 191, 234, 290, 330, 310, 290, 330, 310, 320, 332, 301]
            },
            {
                type: "line",
                name: "站内链接",
                data: [320, 332, 301, 334, 390, 330, 320, 150, 232, 201, 154, 190, 330, 410, 182, 191, 234, 290, 330, 310]
            }]
        });</code></pre>

                        {{>fixtures/echarts-footer}}

                    </div>
                </div>
            </div>
            <!-- END PAGE CONTENT-->
        {{/inline}}

    {{#*inline "appScript"}}
        <script type="text/javascript">

            pagurian.call([
                "modules/echarts-mashup/app",
                "plugins/echarts/loader"
            ], function(app) {
                app.page.linebar();
            });

        </script>
    {{/inline}}

{{/base}}
